<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>志愿百科</title>
    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<nav class="navbar navbar-default nav-bg">
    <div class="container">
        <div class="navbar-header container">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img class="img-responsive" src="../images/logo.png" alt="志愿百科"></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav nav-ul">
                <li class="active"><a href="#">首页</a></li>
                <li class=""><a href="#lupg">录取评估</a></li>
                <li class=""><a href="#zycp">专业倾向评测</a></li>
                <li class=""><a href="#schoolbk">院校专业百科</a></li>
                <li class=""><a href="#zntb">智能填报</a></li>
                <li class=""><a href="#sfj">算法简介</a></li>
            </ul>
            <a href="https://baike.weidingzhi.net/evaluation/#/introduct" class="btn pull-right get-code">领取志愿卡</a>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<main>
    <article class="main">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 top-left-box">
                    <p>志愿百科</p>
                    <p>好志愿 轻松填</p>
                    <img class="img-responsive" src="../images/code.png">
                    <p><a href="#repot" class="btn">&nbsp;</a>相关报道</p>
                </div>
                <div class="col-sm-6 top-iphone">
                    <img class=" animated bounceInRight img-responsive" src="../images/top-iphone.png" >
                </div>
            </div>
        </div>
    </article>
    <!--录取评估-->
    <article id="lupg">
        <div class="container  assess">
            <div class="row">
                <div class="col-sm-8">
                    <div class="mini-title">
                        <h4>录取评估</h4>
                        <p>能否上心仪的学校？输入分数/排名，依据“冲、稳、保”的策略来查看</p>
                    </div>
                    <div class="pg-school-box">
                        <img class="img-responsive pg-school bounceInLeft animated" src="../images/pg-school.png" >
                    </div>
                </div>
                <div class="col-sm-4 pg-iphone">
                    <img class="img-responsive animated rotateIn" src="../images/iphone-pg.png" >
                </div>
            </div>
        </div>
    </article>
    <!--专业测评-->
    <article id="zycp" class="cp">
        <div class="container">
            <div class="mini-title">
                <h4>专业倾向评测</h4>
                <p>国际权威评测，全方面了解自己，找到最合适的专业</p>
            </div>
            <div class="row cp-box">
                <div class="col-sm-4">
                    <img class="img-responsive bounceInLeft animated lazy" data-original="../images/cp1.png" alt="">
                </div>
                <div class="col-sm-4">
                    <img class="img-responsive fadeIn animated animated1 lazy" data-original="../images/cp2.png" alt="">
                </div>
                <div class="col-sm-4">
                    <img class="img-responsive bounceInRight animated lazy" data-original="../images/cp3.png" alt="">
                </div>
            </div>
        </div>
    </article>
    <!--智能填报-->
    <article id="zntb" class="pg">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="mini-title">
                        <h4>智能填报</h4>
                        <p>填志愿是一个主观过程，智能填报不能完全猜透你的心意，</p>
                        <p>不过只需要告诉我们未来的职业意向和心仪的城市，</p>
                        <p>就可以一键获取推荐学校和专业</p>
                    </div>
                    <div class="row pg-box">
                        <div class="col-sm-4 text-center ">
                            <img class="img-responsive bounceInLeft animated3 lazy" data-original="../images/tb1.png" alt="">
                            <p class="text-center">成绩定位</p>
                        </div>
                        <div class="col-sm-4">
                            <img class="img-responsive  bounceInLeft animated2 lazy" data-original="../images/tb2.png" alt="">
                            <p class="text-center">推荐学校、专业</p>
                        </div>
                        <div class="col-sm-4 ">
                            <img class="img-responsive bounceInLeft animated lazy" data-original="../images/tb3.png" alt="">
                            <p class="text-center">生成志愿表</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 lq-pg-iphone ">
                    <div style="display: inline-block">
                        <div class="tb-gif-content zoomInDown animated3">
                            <img class="img-responsive  lazy" data-original="../images/iphone-ke.png" >
                            <img class="img-responsive  lazy gif" data-original="../images/sat.gif" >
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <!--院校专业百科-->
    <article id="schoolbk" class="pg">
        <div class="container">
            <div class="row">
                <div class="col-sm-7">
                    <div class="mini-title">
                        <h4>院校专业百科</h4>
                        <p>来自考试院的权威招生和录取数据</p>
                        <p>4000万真实毕业生案例：挖掘海量简历数据，建立就业信息库，分析毕业薪酬、去向城市、行业和岗位</p>
                        <p>2631所院校数据：资深教育专家和专业编辑团队联手助你了解各大院校以及办学特色</p>
                    </div>
                    <div class="row pg-box">
                        <div class="col-sm-4 text-center ">
                            <img class="img-responsive rotateIn animated lazy" data-original="../images/bk1.png" alt="">
                            <p class="text-center">成绩定位</p>
                        </div>
                        <div class="col-sm-4 ">
                            <img class="img-responsive rotateIn animated lazy" data-original="../images/bk2.png" alt="">
                            <p class="text-center">推荐学校、专业</p>
                        </div>
                        <div class="col-sm-4">
                            <img class="img-responsive rotateIn animated lazy" data-original="../images/bk3.png" alt="">
                            <p class="text-center">生成志愿表</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-5 school-bk-iphone ">
                    <img class="img-responsive rollIn animated2 lazy" data-original="../images/bk-iphone.png" >
                </div>
            </div>
        </div>
    </article>
    <article id="sfj" class="my-silde">
        <div class="container">
            <div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators" style="margin-bottom: -46px">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                    <li data-target="#myCarousel" data-slide-to="4"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="container">
                            <div class="col-sm-5 silder-box">
                                <h4>模拟验证</h4>
                                <p>
                                    由于在填报的博弈结构中，参与者人不是全部理性的，
                                    所以我们必须预估机器模拟填报的误差。</p>
                                <p>
                                    我们使用Louis Gottman（哥特曼量表）以学校和分数（排名）建立2个矩阵，
                                    记录下三角形态外的哥特曼误差：R=1-误差项目/(学校数目×分数（排名）数目)
                                    若小于实际数据集的误差，则重新调整模拟数据
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <img class="img-responsive pull-right lazy" data-original="../images/sf-ml.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="container">
                            <div class="col-sm-5 silder-box">
                                <h4>全网覆盖的趋势分析</h4>
                                <p> 信息覆盖全面是基础保障。在高效稳定的爬虫技术和平台支撑下，
                                    我们的趋势分析基于全网公开数据（千万源站，日增20亿网页），
                                    覆盖微博、百度、搜狐、知乎、微信等各类网站、论坛、自媒体；</p>
                                <p>数据质量高低决定数据是否有效。我们通过机器学习、自然语义分析、文本处理的协同处理，结合用户的反馈样本智能过滤无效的信息，准确率最高可达95％以上。</p>
                            </div>
                            <div class="col-sm-7">
                                <img class="img-responsive pull-right " src="../images/sf-fx.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="container">
                            <div class="col-sm-5 silder-box">
                                <h4>算法简介</h4>
                                <p>从07年至今，经过7轮位次法和分差法的计算验证，调优院校
                                    录取分数线误差及排名误差，得到较稳定的数学模型</p>
                                <p>当前主流的录取概率计算尚未考虑博弈，我们收集微博、
                                    知乎、百度趋势来预测热门填报方向和院校，通过机器
                                    学习训练优化基于位次法和分差法的录取概率误差值；</p>
                                <p>当真实用户同一志愿数量达到志愿撞车告警阈值时，系统
                                    会实时增加录取概率误差。</p>
                            </div>
                            <div class="col-sm-7">
                                <img class="img-responsive pull-right " src="../images/sf-1.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="container">
                            <div class="col-sm-5 silder-box">
                                <h4>招生及录取数据来源</h4>
                                <p>
                                    录取数据来源于考试院主编的《志愿填报指南》
                                    招生数据来源于考试院主编的《招生计划目录》
                                    学校简介来自院校官网、贴吧、知乎
                                    毕业薪酬、就业数据来源于猎头公司、各家上市公司年报、
                                    招聘网站、职业社交网站，以及各家调研机构发布的年度薪酬报告等相关数据
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <img class="img-responsive pull-right " src="../images/sf-data.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="container">
                            <div class="col-sm-5 silder-box">
                                <h4>使用机器学习进行在线预测</h4>
                                <p>
                                    通过热点趋势对考生填报行为预测各个院校录取情况以及对于
                                    录取概率的关键影响因子，我们会以历年分位段分布情况作为
                                    样本参照物，模拟每一个考生的填报计划
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <img class="img-responsive pull-right " src="../images/sf-yc.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <article class="pg">
        <div class="container">
            <div class="mini-title">
                <h4>数据处理</h4>
            </div>
            <div class="handle-data">
                <img class="img-responsive fadeIn animated2 lazy" data-original="../images/handle-data.png" alt="">
            </div>
        </div>
    </article>
    <article id="repot" class="cp">
        <div class="container">
            <div class="mini-title">
                <h4>媒体报道</h4>
            </div>
            <div class="row report">
               <div class="col-sm-3 ">
                  <div class="box">
                      <img class="lazy" data-original="../images/report-1.png" alt="">
                      <p>2016年活动现场</p>
                  </div>
               </div>
                <div class="col-sm-3 ">
                   <div class="box">
                       <img class="lazy" data-original="../images/report-2.png" alt="">
                       <p>2017年百姓关注</p>
                   </div>
                </div>
                <div class="col-sm-3 ">
                   <div class="box">
                       <img class="lazy" data-original="../images/report-3.png" alt="">
                       <p>2017年百姓关注</p>
                   </div>
                </div>
                <div class="col-sm-3 ">
                   <div class="box desc">
                       <img class="lazy" data-original="../images/report-3.png" alt="">
                       <p>2017年百姓关注</p>
                       <ul>
                           <li>三天时间如何科学填志愿</li>
                           <li>测一测：你的模考成绩能上哪些大学？</li>
                           <li>高考中低分考生填报技巧汇总 果断收藏</li>
                       </ul>
                   </div>
                </div>
            </div>
        </div>
    </article>
    <article class="pg">
        <div class="container">
            <div class="mini-title">
                <h4>对外合作</h4>
                <p>为知名机构提供数据和服务</p>
            </div>
            <div class="row join">
                <div class="col-sm-3">
                    <img class="img-responsive lazy" data-original="../images/tv2.png" alt="">
                </div>
                <div class="col-sm-3">
                    <img class="img-responsive lazy" data-original="../images/mobile.png" alt="">
                </div>
                <div class="col-sm-3">
                    <img class="img-responsive lazy" data-original="../images/sz-logo.png" alt="">
                </div>
                <div class="col-sm-3">
                    <img class="img-responsive lazy" data-original="../images/zm-logo.png" alt="">
                </div>
            </div>
        </div>
    </article>
</main>
<footer class="footer">
    <div class="container">
        <div class="row link-box">
            <div class="col-sm-9">
                <div class="col-sm-2">
                    <h4>VIP用户</h4>
                    <div class="target-cloud">
                        <a href="javascript:;">购买产品</a>
                        <a href="javascript:;">用户协议</a>
                        <a href="javascript:;">常见问题</a>
                    </div>
                </div>
                <div class="col-sm-2">
                    <h4>主要功能</h4>
                    <div class="target-cloud">
                        <a href="javascript:;">录取评估</a>
                        <a href="javascript:;">专业推荐</a>
                        <a href="javascript:;">智能填报</a>
                    </div>
                </div>
                <div class="col-sm-2">
                    <h4>关于我们</h4>
                    <div class="target-cloud">
                        <a href="javascript:;">公司简介</a>
                        <a href="javascript:;">产品说明</a>
                    </div>
                </div>
                <div class="col-sm-6">
                    <h4>联系我们</h4>
                    <div class="target-cloud">
                        <a href="javascript:;">地址：<span>贵州省贵阳市金阳高新区启林创客小镇B504</span></a>
                        <a href="javascript:;">Tell：0851-86723100</a>
                        <a href="javascript:;">Mail：zybk@timelinetech.net</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ">
                <div class="pull-right foot-code">
                    <p >志愿百科</p>
                    <img class="img-responsive lazy" data-original="../images/foot-code.png" alt="">
                </div>
            </div>
        </div>
        <p class="tpl"><a href="http://www.miitbeian.gov.cn/">黔ICP备14000690号-1</a> </p>
    </div>
</footer>
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../js/lazyload.js"></script>
<script>

    $(function() {
        $('#myCarousel').carousel({
            interval: 3000
        })
        $("img.lazy").lazyload({
            placeholder : "../images/loading.gif", //用图片提前占位
            // placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
            effect: "fadeIn", // 载入使用何种效果
            // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
            threshold: 200, // 提前开始加载
            // threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉
        });
    });
</script>
</body>
</html>